.hx-article-special-item-container {
  padding: 16px 0;

  &:hover {
    background-color: #F6FAFF;
  }

  .hx-article-special-item-cover {
    width: 100%;
    aspect-ratio: 2 / 1;
    margin-bottom: 4px;
    display: block;

    .ant-image {
      width: 100%;
      height: 100%;
      display: block;
      .ant-image-img {
        width: 100%;
        height: 100%;
        display: block;
      }
    }
  }

  .hx-article-special-item-body {

    .hx-article-special-item-title {
      font-weight: 400;
      font-size: 16px;
      line-height: 23px;
      color: #4E4E4E;
      margin-bottom: 8px;

      height: 46px;
      text-decoration: none;

      display: -webkit-box;     /* 必须 */
      -webkit-box-orient: vertical; /* 必须 */
      -webkit-line-clamp: 2;    /* 限制行数 */
      overflow: hidden;
    }

    .hx-article-special-item-content {
      font-weight: 400;
      font-size: 14px;
      color: #969696;
    }
  }
}
